<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <!--移动端浏览 viewport移动端浏览   width表示可视区域 initial-scale首次浏览 无缩放-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <Title>新增标签</Title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
    <link rel="stylesheet" href="../../static/css/me.css" th:href="@{/css/me.css}">
</head>

<body>
    <!-- 导航 -->
    <nav th:replace="admin/Afragments::menu(3)"></nav>

    <!-- 二级导航 -->
    <div class="ui attached secondary pointing menu teal  basic me-border-hidden" >
        <div class="ui container">
            <div class="right menu basic">
                <a href="" th:href="@{/admin/tags}" class="item" style="color: black;">
                    列表
                </a>
                <a href="#"  th:href="@{/admin/tags/input}" class="active item">发布</a>
            </div>
        </div>
    </div>
        
    

    <!-- 中间内容 -->
    <div class="me-padded-tb-large">
        <!-- container可以自动响应布局 -->
        <div class="ui container">
            <form action="#" method="post"  th:object="${tag}" th:action="*{id}==null ? @{/admin/tags} : @{/admin/tags/{id}(id=*{id})} " class="ui form">
                <div class="two fields">
                    <div class="field">
                        <div class="ui left labeled input">
                            <label class="ui  teal basic label">标签</label>
                            <input type="text" name="name" placeholder="标签名称">
                        </div> 
                    </div>

                </div> 

                  <div class="ui error message"></div>

                  <div class="ui right aligned container">
                    <button type="button" class="ui button" onclick="window.history.go(-1)" >返回</button>
<!--                    <button type="submit" class="ui secondary button">保存</button>-->
                    <button type="submit" class="ui teal button">提交</button>
                  </div>
            </form>

           
      

    
        </div>

    </div>

    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <!-- 底部栏 -->
    <footer class="ui inverted vertical segment me-padded-tb-massive">
        <div class="ui center aligned container">
            <div class="ui inverted divided stackable grid">
                <div class="three wide column">
                    <div class="ui inverted link list">
                        <div class="item">
                            <img src="../../static/image/wechat.png" alt="" class="ui rounded image" style="width: 110px">
                        </div>
                    </div>
                </div>
                <div class="three wide column">
                    <h4 class="ui inverted header">最新博客</h4>
                    <div class="ui inverted link list">
                        <a href="#" class="item">算法竞赛进阶指南 </a>
                        <a href="#" class="item">分布式协调系统 zookeeper</a>
                        <a href="#" class="item">消息队列 kafka</a>
                    </div>
                </div>
                <div class="three wide column">
                    <h4 class="ui inverted header">联系方式</h4>
                    <div class="ui inverted link list">
                        <a href="#" class="item">Email:yrq991121@163.com</a>
                        <a href="#" class="item">QQ:1193700079</a>
                        <a href="#" class="item">Github</a>
                    </div>
                </div>
                <div class="seven wide column">
                    <h4 class="ui inverted header">网站简介</h4>
                    <p>我的个人技术博客，练习一下Springboot，对于后端技术主要是操作系统和数据库这一块的理论知识，做网页纯属技术爱好，前端技术主要是UI设计，用户交互，要具备优秀的艺术欣赏水平，偶尔接私活，需要的微信扫码加我联系
                    </p>
                </div>
            </div>
            <div class="ui inverted section divider">
            </div>
            <p class="m-text-lined m-text-spaced m-text-thin m-opacity-mini">Copyright @ 2020 - 2021 Blog_Daniel
                Designed by yrq
                <br>
                来自华北理工大学的技术宅
            </p>
        </div>


    </footer>



    <script src="http://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
    <script src="../../static/plugin/editmd/editormd.min.js"></script>
    <script>
       var myEditor;

        $(function() {
            myEditor = editormd("my-editormd", {
                width   : "100%",
                height  : 640,
                syncScrolling : "single",
                path    : "../plugin/editmd/lib/"
            });
        });

        $('.menu.toggle').click(function () {
            $('.me-item').toggleClass('me-mobile-hide');
        });

        $('.ui.user.dropdown').dropdown({
            on: 'hover'
        });
        $('.ui.dropdown').dropdown({
            on: 'hover'
        });

        $('.ui.form').form({
      fields : {
        title : {
          identifier: 'title',
          rules: [{
            type : 'empty',
            prompt: '标题：请输入博客标题'
          }]
        }
      }
    });
    </script>
</body>

</html>